<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>PageRank文献数据库</title>
    <!-- Basic Favicon CSS -->
    <link rel="shortcut icon" href="/public/images/favicon.ico" />
    <link rel="stylesheet"
        href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
    <link rel="stylesheet" href="/public/css/bs_backend_plugin.min.css">
    <link rel="stylesheet" href="/public/css/bs_backend.css">
    <link rel="stylesheet" href="/public/css/bs_template.css">
</head>

<body class=" color-light ">
    <!-- 加载界面 -->
    <div id="loading">
        <div id="loading-center">
        </div>
    </div>
    <!-- 主界面 -->
    <div class="wrapper">
        <section class="login-content">
            <div class="container">
                <div class="row align-items-center justify-content-center height-self-center">
                    <div class="col-lg-8">
                        <div class="card auth-card">
                            <div class="card-body p-0">
                                <div class="d-flex align-items-center auth-content">
                                    <div class="col-lg-7 align-self-center">
                                        <div class="p-3">
                                            <h2 class="mb-2">登录</h2>
                                            <p>以访问您的数据库.</p>
                                            <form>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="floating-label form-group">
                                                            <input id="usn" class="floating-input form-control" placeholder=" ">
                                                            <label>用户名</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="floating-label form-group">
                                                            <input id="pwd" class="floating-input form-control" type="password" placeholder=" ">
                                                            <label>密码</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <a href="#" id="btn_submit" class="btn btn-primary">登录</a>
                                                <p class="mt-3">
                                                    演示页面不支持注册,已有测试帐号<br>
                                                    U: test1 P: test1<br>
                                                    U: test2 P: test2<br>
                                                    U: finalU1 P: 所在大学缩写(例如清华大学为THU)<br>
                                                    U: finalU2 P: 所在大学缩写(例如清华大学为THU)<br>
                                                </p>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 content-right">
                                        <img src="/public/images/login/01.png" class="img-fluid image-right" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!-- Wrapper End-->
    <footer class="iq-footer" style="margin-left: 0px;width: 100%;">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-6">
                            <ul class="list-inline mb-0">
                                <li class="list-inline-item">本页面用于展示数据结构与数据库课程设计</li>
                                <li class="list-inline-item"><img src="/public/images/icp.png"
                                        style="vertical-align: text-bottom;"><a href="https://beian.miit.gov.cn/"
                                        target="_blank">晋 ICP 备 19015041 号 - 2</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-6 text-right">
                            <span class="mr-1">
                                © 2019 – <script>
                                    document.write(new Date().getFullYear())
                                </script>
                            </span> <i class="las la-heart with-love"></i> LiuKairui
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Backend Bundle JavaScript -->
    <script src="/public/js/bs_backend_bundle.min.js"></script>
    <!-- Table Treeview JavaScript -->
    <script src="/public/js/bs_treeview.js"></script>
    <!-- Chart Custom JavaScript -->
    <script src="/public/js/bs_customizer.js"></script>
    <!-- Chart Custom JavaScript -->
    <script async src="/public/js/bs_chart.js"></script>
    <!-- app JavaScript -->
    <script src="/public/js/sweetalert.min.js"></script>
    <script src="/public/js/bs_app.js"></script>
    <script src="/public/js/login.js"></script>
</body>

</html>